<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>跨公司部门工时报表</title>
    <link rel="stylesheet" href="styles/detail.css">
    <link rel="stylesheet" href="styles/system.css">
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/newstyle.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/worktime_table.css">
</head>

<body>
    <div class="wrap">
        <div class="detail1">
            <div class="detail1_top">
                <img src="images/detail_1.png" alt="">
                <h2>跨公司部门工时报表</h2>
            </div>
        </div>
        <div>
            <div class="detail_search top-search" id="search-box">
                <div class="col-md-4 col-box">
                    <div class="text-box text-input displayflex">
                        <span class="flexitem">查询日期:</span>
                        <input class="flex1" type="text" placeholder="" name="date" action="date">
                        <i></i>
                        <input class="flex1" type="text" placeholder="" name="date" action="date">
                    </div>
                </div>
                <div class="col-md-4 col-box">
                    <div class="text-box text-input displayflex">
                        <span class="">项目：</span>
                        <input class="flex1" type="text" placeholder="">
                        <span class="input-group-btn">
                            <span class="btn btn-danger btn-clear">
                                <i class="glyphicon glyphicon-remove"></i>
                            </span>
                            <span class="btn btn-def">
                                <i class="glyphicon glyphicon-search"></i>
                            </span>
                        </span>
                    </div>
                </div>
                <div class="col-md-4 col-box">
                    <div class="text-box text-input displayflex">
                        <span class="">公司：</span>
                        <input class="flex1" type="text" placeholder="传世般若">
                        <span class="input-group-btn">
                            <span class="btn btn-danger btn-clear">
                                <i class="glyphicon glyphicon-remove"></i>
                            </span>
                            <span class="btn btn-def">
                                <i class="glyphicon glyphicon-search"></i>
                            </span>
                        </span>
                    </div>
                </div>
                <div class="col-md-4 col-box">
                    <div class="text-box text-input displayflex">
                        <span class="">部门：</span>
                        <input class="flex1" type="text" placeholder="">
                        <span class="input-group-btn">
                            <span class="btn btn-danger btn-clear">
                                <i class="glyphicon glyphicon-remove"></i>
                            </span>
                            <span class="btn btn-def">
                                <i class="glyphicon glyphicon-search"></i>
                            </span>
                        </span>
                    </div>
                </div>
                <div class="col-md-4 col-box">
                    <div class="text-box text-input displayflex">
                        <span class="">职员：</span>
                        <input class="flex1" type="text" placeholder="">
                        <span class="input-group-btn">
                            <span class="btn btn-danger btn-clear">
                                <i class="glyphicon glyphicon-remove"></i>
                            </span>
                            <span class="btn btn-def">
                                <i class="glyphicon glyphicon-search"></i>
                            </span>
                        </span>
                    </div>
                </div>
                <div class="searchBox plr8 fr tar">
                    <a href="" class="top-search-btn iconfont icon-search">查询</a>
                </div>



            </div>
        </div>

        <div class="main_top">
            <ul id="myTab" class="nav nav-tabs-box nav-tabs tab_content">
                <li class="tabtime"><a href="#home" data-toggle="tab">当月</a></li>
                <li class="tabtime"><a href="#ios" data-toggle="tab">当季</a></li>
                <li class="tabtime"><a href="#jmeter" data-toggle="tab">当年 </a></li>
            </ul>
            <div id="myTabContent" class="tab-content ">
                <div class="tab-pane  fade in active" id="home">
                    <p>
                        <div class="detail3_table detail_auto">
                            <table class="table work_table">
                                <thead>
                                    <tr>
                                        <th>
                                            <input class="input_checkbox" type="checkbox" name="">
                                        </th>
                                        <th>序号</th>
                                        <th>项目</th>
                                        <th>所属公司</th>
                                        <th>所属部门</th>
                                        <th>总工时</th>
                                        <th>借入工时</th>
                                        <th>借出工时</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <input type="checkbox" name="">
                                        </td>
                                        <td>
                                            01
                                        </td>
                                        <td>新里程</td>
                                        <td>传世般若</td>
                                        <td>研发事业部</td>
                                        <td><span data-toggle="modal" data-target="#worktime_myModal">20</span></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox" name="">
                                        </td>
                                        <td>
                                            02
                                        </td>
                                        <td>汉阳五院</td>
                                        <td>传世般若</td>
                                        <td>研发事业部</td>
                                        <td><span>358</span></td>
                                        <td><span>155</span></td>
                                        <td><span></span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox" name="">
                                        </td>
                                        <td>
                                            03
                                        </td>
                                        <td>京东方</td>
                                        <td>传世般若</td>
                                        <td>研发事业部</td>
                                        <td><span>1441</span></td>
                                        <td><span></span></td>
                                        <td><span>136</span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox" name="">
                                        </td>
                                        <td>
                                            04
                                        </td>
                                        <td>培训</td>
                                        <td>传世般若</td>
                                        <td>研发事业部</td>
                                        <td><span>10</span></td>
                                        <td><span>6</span></td>
                                        <td><span></span></td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <th></th>
                                    <th>
                                        合计
                                    </th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th><span>1520</span></th>
                                    <th><span>161</span></th>
                                    <th><span>136</span></th>
                                </tfoot>
                            </table>
                        </div>
                    </p>
                </div>
                <div class="tab-pane fade" id="ios">
                    <p>当季</p>
                </div>
                <div class="tab-pane fade" id="jmeter">
                    <p>当年</p>
                </div>
            </div>
        </div>
    </div>

    <div class="foot">
        Copyright © 2006-2015 深圳传世般若科技有限公司
    </div>

    <!-- 模态框（Modal） -->
    <div class="modal fade modaltime_box" id="worktime_myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog model_wrap" style="width: 1000px;">
            <div class="modal-content content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                </div>
                <div class="worktime_mbody modal-body">
                    <div class="detail3_table detail_auto worktime_table">
                        <table class="table work_table">
                            <thead>
                                <tr>
                                    <th>
                                        <input class="input_checkbox" type="checkbox" name="">
                                    </th>
                                    <th>序号</th>
                                    <th>项目</th>
                                    <th>所属公司</th>
                                    <th>所属部门</th>
                                    <th>总工时</th>
                                    <th>借入工时</th>
                                    <th>借出工时</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="">
                                    </td>
                                    <td>
                                        01
                                    </td>
                                    <td>新里程</td>
                                    <td>传世般若</td>
                                    <td>研发事业部</td>
                                    <td data-toggle="modal" data-target="#worktime_myModal">20</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="">
                                    </td>
                                    <td>
                                        02
                                    </td>
                                    <td>汉阳五院</td>
                                    <td>传世般若</td>
                                    <td>研发事业部</td>
                                    <td>358</td>
                                    <td>155</td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="">
                                    </td>
                                    <td>
                                        03
                                    </td>
                                    <td>京东方</td>
                                    <td>传世般若</td>
                                    <td>研发事业部</td>
                                    <td>1441</td>
                                    <td></td>
                                    <td>136</td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="">
                                    </td>
                                    <td>
                                        04
                                    </td>
                                    <td>培训</td>
                                    <td>传世般若</td>
                                    <td>研发事业部</td>
                                    <td>10</td>
                                    <td>6</td>
                                    <td></td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <th></th>
                                <th>
                                    合计
                                </th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th>1520</th>
                                <th>161</th>
                                <th>136</th>
                            </tfoot>
                        </table>
                    </div>

                </div>

            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script>
        $(function () {
            $('#myTab li:eq(0) a').tab('show');
        });
    </script>
</body>

</html>